<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		   /*
		      
			  选择选择器
			     元素名{
					 
				 }
			  作用范围： 所有相同名的元素全部生效，无论多深的层次！
			  元素选择器使用情况较少，一般清除某个元素通用的样式！
			  例如： a标签的下划线！
			  注意： 子标签会自动继承父标签的样式
		   
		   */
		   div{
			 color: red;
		   }
		   
		   a{
			  text-decoration: none;
		   }
		
		</style>
	</head>
	<body>
		
		<a href="#">呵呵</a>
		<a href="#">呵呵</a>
		<a href="#">呵呵</a>
		<a href="#">呵呵</a>
		
		<div >
			呵呵
			
			<span>
				哼哼
				<div>
					乌拉那拉氏！
				</div>
			</span>
			
		</div>
		<span>呼呼</span>
		<div >
			哈哈
		</div>
	
		<span>
			嘿嘿
		</span>
	</body>
</html>
